<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'center.inc.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style type="text/css">
	@IMPORT url("css/base.css");
	#center{
	width:1340px;
	height:1400px;
	margin-top: 5px;
	}
	#center-main{
	width:100%;
	height:100%;
	}
	#center-main-left{
	width:180px;
	height:100%;
	float: left;
	}
	#center-main-center{
	width:980px;
	height:100%;
	float:left;
	}
	#center-main-right{
	width:180px;
	height:100%;
	float:right;
	}
	.center-top{
	width: 980px;
	height:20px;
	}
	.center-top {
	padding: 10px 0px;
	border: solid 2px #eaeaea;
	border-top: none;
	font-size: 12px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: white;
	text-align: center;
	}
	.center-top span {
	color: orangered;
	}
	.center-body{
	width: 100%;
	height:1360px;
	}
	.center-body-left{
	width:700px;
	height:100%;
	float:left;
	background-color:white;
	}
	.product_table {
		border-collapse: collapse;
		width: 100%;
		margin: 0 auto;
	}
	.product_table tr td {
		padding: 4px;
	}
	.product_table tr td:nth-child(1) {
		text-align: right;
	}
	.product_logotext {
		color: white;
		font-size: 48px;
		text-shadow: 0px 0px 24px black;
		text-align: center;
		display: block;
		padding: 40px 10px 10px 20px;
	}
	.product_progress {
		height: 28px;
		width:100%;
		text-align: right;
		line-height: 28px;
		color: white;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		padding-right: 8px;
	}
	.product_progress1 {
		animation: widthchange1 3s;
		-moz-animation: widthchange1 3s;
		-webkit-animation: widthchange1 3s;
		-o-animation: widthchange1 3s;
		background: linear-gradient(to right, #F0F8FF, blue);
		width: 96%;
	}
	.product_progress2 {
		animation: widthchange2 3s;
		-moz-animation: widthchange2 3s;
		-webkit-animation: widthchange2 3s;
		-o-animation: widthchange2 3s;
		background: linear-gradient(to right, #F0F8FF, red);
		width: 88%;
	}
	.product_progress3 {
		animation: widthchange3 3s;
		-moz-animation: widthchange3 3s;
		-webkit-animation: widthchange3 3s;
		-o-animation: widthchange3 3s;
		background: linear-gradient(to right, #F0F8FF, green);
		width: 90%;
	}
	.product_progress4 {
		animation: widthchange4 3s;
		-moz-animation: widthchange4 3s;
		-webkit-animation: widthchange4 3s;
		-o-animation: widthchange4 3s;
		background: linear-gradient(to right, #F0F8FF, orange);
		width: 100%;
	}
	.product_word {
		color: white;
		font-weight: bold;
		font: 24px/1 "microsoft yahei";
	}
	.product_word1 {
		text-shadow: 0px 0px 28px blue;
	}
	.product_word2 {
		text-shadow: 0px 0px 28px red;
	}
	.product_word3 {
		text-shadow: 0px 0px 28px green;
	}
	.product_word4 {
		text-shadow: 0px 0px 28px orange;
	}
	.product_score {
		font: 22px/1 "georgia";
	}
	.product_score1 {
		color: blue;
	}
	.product_score2 {
		color: red;
	}
	.product_score3 {
		color: green;
	}
	.product_score4 {
		color: orange;
	}
	.product_xuanchuan {
		height: 48px;
		line-height: 48px;
		text-align: center;
		padding: 3px;
		margin: 0 200px;
		margin-top:80px;
		width: 80%;
		margin: 0 auto;
		border-radius: 10px;
		background-color: gray;
		color: white;
	}
	.product_xuanchuan2 {
		height: 42px;
		line-height: 42px;
		background: linear-gradient(to top, gray, #555);
		border-radius: 7px;
		font-size: 22px;
	}
	.product_price_table {
	border-collapse: collapse;
	width: 100%;
	background: #F0F8FF;
	font-size: 13px;
	}
	.product_price_table tr td {
	padding: 8px;
	border: solid 1px #E0E0E0;
	text-align: center;
	}
	.product_price_table tr td:nth-child(1) {
	vertical-align: middle;
	text-align: left;
	color: white;
	background: linear-gradient(to left, #F0F8FF, #669fff);
	}
	.ycrj {
		text-align: center;
		font-family: "microsoft yahei";
		font-size: 14px;
		color: #999;
		padding-top: 60px;
	}
	.center-body-right{
	width:280px;
	height:100%;
	float:right;
	}
	
	.searchbox {
	margin-top；10px;
	width: 230px;
	height: 34px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: solid 1px #E9EBF0;
	}
	.search_textbox{
		float: left;
		width: 158px;
		padding: 10px 10px;
		border: none;
		height: 32px;
		color: #555;
		margin-top: 10px
	}
	.search_button{
		float: left;
		width: 70px;
		text-align: center;
		border: none;
		height: 32px;
		cursor: pointer;
		background: transparent;
		color: #555;
		border-left: solid 1px #E9EBF0;
	}
	.search_button:hover{
		background: #E9EBF0;
	}
	
	.body-userinfo {
		font-family: "microsoft yahei";
		text-align: center;
	}
	.body-userinfo table tr td {
		padding: 4px;
	}
	
	.a_username {
		font-size: 16px;
		color: #919191;
		padding-left: 80px;
	}
	.a_username:hover {
		text-decoration: none;
	}
	.userhead {
		width: 66px;
		height: 66px;
		border-radius: 33px;
		cursor: pointer;
	}
	.userleveltable {
		font-size: 12px;
		color: #919191;
		width: 100%;
	}
	.userleveltable tr td:nth-child(1) {
		text-align: right;
		width: 30%;
	}
	.userleveltable tr td:nth-child(2) {
		text-align: left;
	}
	.userlevelprogressbar {
		border: solid 1px #1992fc;
		height: 16px;
		text-align: center;
		width: 104px;
		position: relative;
		cursor: pointer;
	}
	.userlevelprogressnumber {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		color: red;
		line-height: 14px;
		font-size: 10px;
		font-family: "youyuan";
	}
	.userlevelprogressbar2 {
		top: 1px;
		left: 1px;
		height: 12px;
		position: absolute;
		background: #1992fc;
	}
	.pyt-icon {
		display: inline-block;
		background: #1992FC;
		color: white;
		width: 16px;
		height: 16px;
		text-align: center;
		font-size: 10px;
		cursor: pointer;
	}
	.pmf {
		padding: 10px 6px 10px 14px;
		width: 100%;
	}
	.mf_class {
		position: relative;
		float: left;
		width: 70px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		background: white;
		cursor: pointer;
		transition: color 1s;
		color: #398bfc;
		border: solid 1px #ddd;
		border-right: none;
		border-left: none;
	}
	.mf_class:hover {
		background-color: #398bfc;
		color: white;
	}
	.mf_m_class {
		border: solid 1px #ddd;
		border-right: none;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.mf_f_class {
		border: solid 1px #ddd;
		border-left: none;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.mf_class_new {
		position: absolute;
		right: 10px;
		top: 5px;
		color: white;
		background: red;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		visibility: hidden;
	}
	.mf_d_class {
		position: relative;
		float: left;
		width: 1px;
		height: 38px;
		line-height: 38px;
		padding: 8px 0px;
		border: solid 1px #ddd;
		border-left: none;
		border-right: none;
	}
	.mf_d_class div {
		width: 1px;
		height: 22px;
		border-left: solid 1px #ddd;
	}
	.text_center{
		padding: 5px 6px 10px 20px;
		width: 100%;
	}
	.downloadqlt{padding:20px 0;font-family:"microsoft yahei"}
.downloadqlt a{
color:black;font-size:13px;display:block;text-align:center
}
</style>
	<script type="text/javascript">
	function tiwen(){
if($LUI==2){
 location.href='http://www.hadsky.com/index.php?c=login&referer=index.php%3fc%3dedit%26type%3dread%26sortid%3d2';
}else{
 location.href='http://www.hadsky.com/index.php?c=edit&type=read&sortid=2';
}
};

function showuserlevelprogressbar() {
		var $lv = parseInt($LUA['jifen'] / 100);
		var $num = parseInt($LUA['jifen'] % 100);
		document.getElementById("userlevelprogressnumber").innerHTML = 'Lv' + $lv + ' ' + $num + '/100';
		document.getElementById("userlevelprogressbar2").style.width = $num + '%';
		document.getElementById("userlevelprogressbar").title = '加油！还差 ' + (100 - $num) + ' 经验就升到 Lv' + ($lv + 1) + ' 了 ^_^';
	}

	function showxunzhang() {
		var $html = "<span class='pyt-icon' title='有天轻论坛注册会员勋章'>天</span>";
		if ($LUA['qiandaodays'] > 9) {
			$html += " <span class='pyt-icon' title='签到达人勋章 - 签到10天获得'>签</span>";
		}
		if ($LUA['sex'] == '男') {
			$html += " <span class='pyt-icon' title='帅哥勋章' style='background:royalblue'>帅</span>";
		} else if ($LUA['sex'] == '女') {
			$html += " <span class='pyt-icon' title='美女勋章' style='background:hotpink'>美</span>";
		} else {
			$html += " <span class='pyt-icon' title='人妖勋章 - 性别未知' style='background:gray'>妖</span>";
		}
		document.getElementById("userxunzhang").innerHTML = $html;
	}

	function qiandao($yn) {
		if ($yn == 1) {
			document.getElementById("LUA_jifen").innerHTML = parseInt(document.getElementById("LUA_jifen").innerHTML) + qiandaojifen;
			document.getElementById("LUA_tiandou").innerHTML = parseInt(document.getElementById("LUA_tiandou").innerHTML) + qiandaotiandou;
			document.getElementById("qiandaodays").innerHTML = parseInt(document.getElementById("qiandaodays").innerHTML) + 1;
			window.open('index.php?c=ding&type=qiandao&rnd=' + Math.random(), 'ifrm');
		}
		if ('TRUE' == 'TRUE' || $yn == 1) {
			document.getElementById("qiandaobtn").style.background = '#999999';
			document.getElementById("qiandaobtn").innerHTML = '已签到';
			document.getElementById("qiandaobtn").onclick = '';
			document.getElementById("qiandaobtn").title = '本次签到奖励:积分+' + qiandaojifen + ' 天豆+' + qiandaotiandou;
		}
	}
	</script>

  </head>
  
  <body>
    <div id="center">
    	<div id="center-main">
    			<div id="center-main-left"></div>
    			<div id="center-main-center">
    				<div class="center-top">
    					<b>论坛信息：</b>会员 <span>221</span> 人&nbsp;&nbsp; 帖子
					<span>179</span> 篇 &nbsp;&nbsp;&nbsp;&nbsp;
					<b>站长寄语：</b>梦虽然遥不可及，但并不是不可能实现；只要坚持，就会离梦越来越近！
    				</div>
    				<div class="center-body">
    					<div class="center-body-left">
    						<span class="product_logotext"><img alt="有天轻论坛" width="360" src="images/logotext.png"></span>
    						<table class="product_table">
		<tr>
			<td style="width: 48px;"><span class="product_word product_word1">轻</span></td>
			<td>
				<div class="product_progress product_progress1">仅有1M的体重</div>
			</td>
			<td style="width: 66px;"><span class="product_score product_score1">96</span>分</td>
		</tr>
		<tr>
			<td><span class="product_word product_word2">快</span></td>
			<td>
				<div class="product_progress product_progress2">0.04秒的快速加载</div>
			</td>
			<td><span class="product_score product_score2">88</span>分</td>
		</tr>
		<tr>
			<td><span class="product_word product_word3">简</span></td>
			<td>
				<div class="product_progress product_progress3">以更少的功能满足更多用户</div>
			</td>
			<td><span class="product_score product_score3">90</span>分</td>
		</tr>
		<tr>
			<td><span class="product_word product_word4">原</span></td>
			<td>
				<div class="product_progress product_progress4">100%的原创的软件</div>
			</td>
			<td><span class="product_score product_score4">100</span>分</td>
		</tr>
	</table>
	<div style="padding:80px 0;">
		<div class="product_xuanchuan">
			<div class="product_xuanchuan2">这是一款<span style="font-family: 'georgia';">100%</span>的原创轻论坛系统！</div>
		</div>
	</div>
	
	<table class="product_price_table">
			<tr>
				<td colspan="9" style="background: linear-gradient(to left,#F0F8FF,#337FE5);color: white;">活动</td>
			</tr>
			<tr>
				<td width="225">最新福利</td>
				<td colspan="3">购<a target="_blank" href="http://idc.hadsky.com" style="color: black;">有天互联</a>任意一款主机产品，送有天轻论坛赞助版！</td>
			</tr>
			<tr>
				<td colspan="9" style="background: linear-gradient(to left,#F0F8FF,#337FE5);color: white;">授权</td>
			</tr>
			<tr>
				<td width="235">版本授权编号</td>
				<td width="240">PYTSQ-MFB</td>
				<td width="220">PYTSQ-ZZB</td>
				<td width="220">PYTSQ-SYB</td>
			</tr>
			<tr>
				<td>版本授权类型</td>
				<td>免费版</td>
				<td>赞助版</td>
				<td>商业版</td>
			</tr>
			<tr>
				<td>授权价格(人民币)</td>
				<td>完全免费</td>
				<td>100 - 800RMB</td>
				<td>1500RMB</td>
			</tr>
			<tr>
				<td>插件和模板 <span class="pyt-icon" title="官方模板统一HTML5+CSS3编写，IE9以下和低版本浏览器不支持">？</span></td>
				<td></td>
				<td colspan="2">
					官方所有插件和模板免费用
				</td>
			</tr>
		
			
			<tr>
				<td>手机APP <span class="pyt-icon" title="小米4测试正常，不保证其他安卓机适用，出新版后可论坛发升级帖升级">？</span></td>
				<td></td>
				<td colspan="2">Android</td>
			</tr>
			<tr>
				<td>去除前台版权 <span class="pyt-icon" title="前台版权包括头部和页脚版权">？</span></td>
				<td><font color="#FF0000">不可去掉</font></td>
				<td colspan="2">&radic;</td>
			</tr>
			<tr>
				<td>产品升级 <span class="pyt-icon" title="限所购版本与功能范围">？</span></td>
				<td colspan="2">提供升级文档</td>
				<td>在线QQ升级指导</td>
			</tr>
			<tr>
				<td>赠送服务 <span class="pyt-icon" title="仅限主机支持，服务一次">？</span></td>
				<td></td>
				<td colspan="2">论坛安装</td>
			</tr>
			<tr>
				<td>联系购买</td>
				<td><a class="adefault" href="http://www.hadsky.com/list-15-1.html" style="color: #337FE5;">免费下载</a></td>
				<td colspan="2">联系作者购买QQ632827168</td>
			</tr>
			
			
			<tr>
				<td colspan="9" style="background: linear-gradient(to left,#F0F8FF,#337FE5);color: white;">开发</td>
			</tr>
			<tr>
				<td width="205">开发类型</td>
				<td>插件</td>
				<td>模板</td>
				<td>接合</td>
			</tr>
			<tr>
				<td>开发内容</td>
				<td colspan="3">客户定制</td>
			</tr>
			<tr>
				<td>开发价格</td>
				<td colspan="3">QQ联系</td>
			</tr>
		</table>
		<div class="ycrj" style="padding:260px 200px;color: gray;font-size: 14px;">支持原创软件，抵制盗版，共创美好明天！</div>
    					</div>
    					
    					<div class="center-body-right" style="padding-top: 20px">
    						<jsp:include page="../../WEB-INF/includes/body.left.inc.jsp"></jsp:include>
    				</div>
    			</div>
    			
    	</div>
    			<div id="center-main-right"></div>
    			</div>
    </div>
  </body>
</html>
